$color:#000;
$ziti:"宋体";
$bg:#FFFFFF;
$flex:flex;
$-flex:-webkit-flex;
*{margin: 0px; padding: 0px;}
body{ font-family:$ziti; color:$color; background-color:$bg;}
ul,ol,li{ list-style:none;}
img,input,select,textarea{ vertical-align:middle}
img{ border:none;}
a{ color:#333333; text-decoration:none;}
.clear{ clear:both; height:0; width:0; overflow:hidden;}

#box1 {
    width: 920px;
    height:60px;
    display: $flex;
    display: $-flex;
    margin: auto;
}
.nav{
    display: $flex;
    display: $-flex;
    width: 600px; 
    height:40px;
  
    
    flex:1;
}

.nav .item1 {
    flex-grow: 1;
     margin:10px; 
     height:40px;
     line-height: 30px;
    
}
#box1 .zhuce{
    margin:10px; 
    line-height: 30px;
}

#box2{
    width:100%;
    height: 600px;
    border-bottom: 1px solid black;
    display: $flex;
    display: $-flex;
    margin: auto;
}
#box2 #left{
   
    display: $flex;
    display: $-flex;
    align-content:center;
    align-items:center ;
    margin: auto;
     /* position: absolute; */
    font-size: 28px;
    width: 40px;
    height:35px;
    background: darkgray;
    opacity: 0.5;
    cursor: pointer;
}
#box2 #right{
   
    display: $flex;
    display: $-flex;
    align-content:center;
    align-items:center ;
    margin: auto;
    font-size: 28px;
    width: 40px;
    height: 35px;
    background: darkgray;
    opacity: 0.5;
    text-align:right;
    cursor: pointer;
}
#box2  ul{
position: absolute;
left: 10%;
top:170px
}
#box2 li{
list-style: none;
width: 20px;
height: 10px;
background: silver;
opacity: 0.5;
float: left;
margin-left: 1px;

  

}
#box2 .bgc{
background: red
}
#box3{
display: $flex;
display: $-flex;

}
#box3 h2{
margin:40px auto;
}
#box4{
display: $flex;
display: $-flex;
align-content:center; 
margin:auto;
border-bottom:3px solid #999;

}
#box4 div{
width:150px;
background: pink;
margin:auto;
text-align: center;
cursor: pointer;
}

/* tab切换 */
.xuanzhong{
border-bottom:1px solid orange;
color: orange;
}
#caoda{
display: $flex;
display: $-flex;
align-content:center; 
margin:auto;
}
#chaoda>div{
display: none;
margin:auto;
text-align: center;
} 



